<template>
    <div>
        <Row>
            <Col span="24">
            <Form ref="settingForm" :model="settingForm" :rules="formRule" :label-width="100">
                <FormItem label="是否开启" prop="enable">
                    <Row>
                        <Col span="12">
                        <Switch>
                            <span slot="open">开</span>
                            <span slot="close">关</span>
                        </Switch>
                        </Col>
                    </Row>
                </FormItem>

                <FormItem label="可用总数" prop="totalNum">
                    <Row>
                        <Col span="12">
                        <InputNumber :max="1000" :min="1" v-model="totalNum"></InputNumber>
                        </Col>
                    </Row>
                </FormItem>
                <FormItem>
                    <Button type="primary" class="mr-2" @click="save()">保存</Button>
                    <Button @click="clearForm()">还原</Button>
                </FormItem>
            </Form>
            </Col>
        </Row>
    </div>
</template>

<style scoped>
</style>

<script>
export default {
    name: "ConsoleSettings",
    data() {
        return {
            enable: true,
            totalNum: 8872,
            settingForm: {
                enable: true,
                totalNum: 8872,
            },
            formRule: {

            }
        }
    },
    methods: {
        save: function() {},
        clearForm: function() {}
    }
};
</script>
